<div class="J_TBox" <?php echo $_MODULE_TOOLBAR ?>>
	<a name="xssx" ></a> 
	<div class="detail_extend">
		<div class="top">
			<ul>
				<?php
					$key=$_MODULE['detail_key'];
					for ( $i = 1; $i < 6; $i++ ) {
						if ( $_MODULE['top_img_' . $i]&&$_MODULE['top_link_' . $i]  ) {
							echo '<li><a  href="'. $_MODULE['top_link_' . $i] .'"><img src="'. $_MODULE['top_img_' . $i] .'"></a></li>';
						}else if($_MODULE['top_img_' . $i]){
							echo '<li><img src="'. $_MODULE['top_img_' . $i] .'"></li>';
						}
					}
				?>
			</ul>
		</div>
		<div class="middle">
			<ul>
				<li>
									<?php
										echo '<div class="'. $key .'1"><img src="'. $_MODULE['middle_img_1'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>1',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>1',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["middle_img_big_1"] ){
														echo '<a target="_blank" href="'. $_MODULE["middle_link_1"] .'"><img  src="'.$_MODULE["middle_img_big_1"].'" /></a>';
													}
													
											   ?>
											</div>
										</div>
					</div>
				</li>
				<li class="devide">
									<?php
										echo '<div class="'. $key .'2"><img src="'. $_MODULE['middle_img_2'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>2',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>2',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["middle_img_big_2"] ){
														echo '<a target="_blank" href="'. $_MODULE["middle_link_2"] .'"><img  src="'.$_MODULE["middle_img_big_2"].'" /></a>';
													}
													
											   ?>
											</div>
										</div>
					</div>
				</li>
				<li>
					
									<?php
									echo '<div class="'. $key .'3"><img src="'. $_MODULE['middle_img_3'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>3',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>3',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["middle_img_big_3"] ){
														echo '<a target="_blank" href="'. $_MODULE["middle_link_3"] .'"><img  src="'.$_MODULE["middle_img_big_3"].'" /></a>';
													}		
											   ?>
											</div>
										</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="bottom_ex">
			<ul>
				<li>
					
									<?php
										echo '<div class="'. $key .'4"><img src="'. $_MODULE['bottom_img_1'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>4',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>4',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["bottom_img_big_1"] ){
														echo '<a target="_blank" href="'. $_MODULE["bottom_link_1"] .'"><img  src="'.$_MODULE["bottom_img_big_1"].'" /></a>';
													}		
											   ?>
											</div>
										</div>
					</div>
				</li>
				<li  class="devide">
				
									<?php
										echo '<div class="'. $key .'5"><img src="'. $_MODULE['bottom_img_2'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>5',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>5',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["bottom_img_big_2"] ){
														echo '<a target="_blank" href="'. $_MODULE["bottom_link_2"] .'"><img  src="'.$_MODULE["bottom_img_big_2"].'" /></a>';
													}		
											   ?>
											</div>
										</div>
					</div>
				</li>
				<li style="margin-right:6px;">
					
									<?php
										echo '<div class="'. $key .'6"><img src="'. $_MODULE['bottom_img_3'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>6',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>6',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["bottom_img_big_3"] ){
														echo '<a target="_blank" href="'. $_MODULE["bottom_link_3"] .'"><img  src="'.$_MODULE["bottom_img_big_3"].'" /></a>';
													}		
											   ?>
											</div>
										</div>
					</div>
				</li>
				<li>

									<?php
										echo '<div class="'. $key .'7"><img src="'. $_MODULE['bottom_img_4'] .'" />';
									?>
										<div data-widget-config="{
										  'trigger':'.<?echo ''. $key .'';?>7',
										  'align':{
												  'node':'.<?echo ''. $key .'';?>7',
												  'offset':[0,0],
												  'points':['cc','cc']
												  }
											}" data-widget-type="Popup" class="J_TWidget hidden" style="visibility: hidden;">
											<div>
											   <?php
													if( $_MODULE["bottom_img_big_4"] ){
														echo '<a target="_blank" href="'. $_MODULE["bottom_link_4"] .'"><img  src="'.$_MODULE["bottom_img_big_4"].'" /></a>';
													}		
											   ?>
											</div>
										</div>
					</div>
				</li>
			
			</ul>
		</div>
	</div>
</div>